<script>
    $(document).ready(function(){
        generic.validaForm("myForm");
        generic.msgFrame();
		generic.comboCapClon();

        $("input[name='rdoTema']").click(function(){
            var id = $(this).attr('id');
		    $('#btnEliminar').removeClass("disabled");
            $('#btnEditar').removeClass("disabled");
            $('#hidIdTem').val(id);
        });

        $("#btnReset").click(function(){
            $("#fadeListaTem").fadeIn(0,function(){
            	generic.init('modifTem');
            });
            $("#fadeNvoTem").fadeOut(0);

        });
        $("#btnEditar").click(function(){
        	var id = $('#hidIdTem').val();
            generic.cargaDatosTem(id);

           if($('#btnFormularioTem').length > 0){
          	 $('#btnFormularioTem').attr({'id':'btnEditTema','name':'btnEditTema'}) 	
           }else{
           	 $('#btnGuardarTema').attr({'id':'btnEditTema','name':'btnEditTema'})
           }
          
        });
		$("#btnAgregar").click(function(){
            $("#fadeListaTem").fadeOut(0);
            $("#fadeNvoTem").fadeIn(200);
			if($('#btnFormularioTem').length > 0){
          	$('#btnFormularioTem').attr({'id':'btnGuardarTema','name':'btnGuardarTema'}) 	
           }else{
           	 $('#btnEditTema').attr({'id':'btnGuardarTema','name':'btnGuardarTema'})
           }
        });

        $('#txtContenido,#txtDescripcion').ckeditor();
    });
</script>
<iframe id="iframeContent" name ="response" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" width="0" height="0	"></iframe>
	<div id="contentFrame"></div>
<div class="well">
	<div id="fadeListaTem">
        <legend>Listado de Temas</legend>
        <span class="help-block">Seleccione un Tema, o agrege alguno para comenzar.</span>
        <div class="border-table">
            <div class="cntRegistros">
                <table class="table table-hover">
                    <tbody>
                        <?php
                            require("autoload.php");
                            $rs = generic::muestraTemas();
									$temas = $rs['tem'];
									for ($i=0; $i < count($temas); $i++){
                                        echo "<tr>";
                                        echo "<td>";
                                        echo "<div class='radio'>";
                                        echo "<label>";
										echo "<input type='radio' name='rdoTema' id='" . $temas[$i]['IdTema'] . "'>" . substr($temas[$i]['Descripcion'], 0,10)."";
                                        echo "</label>";
                                        echo "</div";
                                        echo "</td>";
                                        echo "</tr>";
                                    }
                               
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-lg-12" style="text-align: right;">
            <div class="btn-group">
                <input type="button" id="btnEliminar" class="btn btn-primary disabled" value="Eliminar">
                <input type="button" id="btnEditar" class="btn btn-primary disabled" value="Editar">
                <input type="button" id="btnAgregar" class="btn btn-primary" value="Agregar">
            </div>
            
        </div>
    </div>
	<div id="fadeNvoTem">
		
		<div class="container">
			
			<div class="row">
			<div class="col-lg-8"></div>
			<div class="col-lg-4"></div>
		</div>
	
        <form name="myForm" id="myForm" action="modules/newUser.php" method="post" class="form-horizontal" role="form" target="response">
			<legend>  Temas</legend>
			<input type="hidden" id="hidIdTem" name="hidIdTem" value="---">
			<div style="text-align:right;"><button type="button" id="btnReset" class="btn btn-link" value="Seleccionar">Seleccionar</button></div>
			<div class="form-group">	
			<label for="txtDescripcion" class="control-label col-sm-2">Descripción:</label>
			<div class="col-sm-10">
				<textarea class="form-control" rows="2" id="txtDescripcion" name="txtDescripcion" ></textarea>
				<span class="help-block">Breve descripción del capitulo.</span>
			</div>
			</div>
			<hr>
			 <div class="form-group">
			 	<label for="cboAct" class="control-label col-sm-2">Capitulo:</label>
				<div class="col-lg-10">
						<select  class="form-control input-sm" name="cboCap" id="cboCap">
						</select>	
						<input type="hidden" class="form-control input-sm" name="txtCuestionarioCap" id="txtCuestionarioCap" placeholder="">
				</div>	
			 </div>
			 <hr>
			 <hr>
			
			 <div class="form-group">
			 	<label for="txtIContenido" class="control-label col-sm-2">Contenido:</label>
				<div class="col-lg-10">
					<textarea class="form-control" rows="2" id="txtContenido" name="txtContenido" ></textarea>
	          	</div>
			 </div>
			 <hr>
			 <div class="form-group">	
				<label for="txtNumero" class="control-label col-sm-2">Numero:</label>
					<div class="col-sm-1">
					<input type="text" class="form-control input-sm" name="txtNumero" id="txtNumero" placeholder="">				
					</div>
			<label for="esRequ" class="control-label col-sm-2">Es Requerido:</label>
				<div class="col-sm-2">
					<div class="checkbox">
					    <label>
					      <input type="checkbox" name="esRequ" id="esRequ"> 
					    </label>
			  		</div>
				</div>
			</div>
			<hr>


			<div class="form-group">
		        <div class="col-lg-10 col-lg-offset-2" style="text-align: right;">
		            <a href="javascript:generic.init('cuest')" id="btnNvoCapitulo" name="btnNvoCapitulo" class="btn btn-warning.

		            " role="button">Agregar Cuestionario</a>
		          	<button type="submit" name="btnFormularioTem"  id  = "btnFormularioTem" class="btn btn-primary">Guardar</button>
				</div>
     		</div>


			
	</div>
	</div>
</div>		